---
title: دليل البداية
description: مقدمة بسيطة عن أسترو.
---
import Button from '~/components/Button.astro'
import TranslatorList from '~/components/TranslatorList.astro'
import ContributorList from '~/components/ContributorList.astro'
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'


:::tip[نسخة أسترو 3.0 هنا!]
**ما الجديد في نسخة أسترو 3.0?** [
اقرأ المدونة الخاصة بالإعلان
](https://astro.build/blog/astro-3/).  
**مستعد للترقية؟** [تابع دليلنا للترقية](/ar/guides/upgrade-to/v3/).
:::

<h2>ما هو أسترو؟</h2>

أسترو هو إطار عمل ويب **شامل** لبناء مواقع ويب **سريعة** تركز على **المحتوى**.

## أهم المميزات

- **Component Islands (جُزر المكونات)**: معمارية ويب جديدة لبناء مواقع سريعة كالبرق.
- **Server-first API (مبدأ على الخادم أولًا)**: نقلنا التروية المكلفة عن أجهزة المستخدم.
- **صفر-جافاسكربت بشكل افتراضي**: لا يوجد حِمل جافاسكربت إضافي وقت الشتغيل لإبطائك.
- **Edge-ready**: انشر في أي مكان، حتى في بيئات تشغيل حواف عالمية مثل Deno أو Cloudflare.
- **قابل للتخصيص**: Tailwind, MDX, وأكثر من 100+ إضافة أخرى لتختار منها.
- **محايد لأطر عمل الواجهات البرمجية**: قابل للاستخدام مع أي إطار واجهة مستخدم مثل: React و Preact و Svelte و Vue و Solid و Lit وأكثر.

ألقِ نظرة على تحليلنا التفصيلي [لماذا أسترو](/ar/concepts/why-astro/) لمعرفة المزيد عن ما يجعل أسترو مميزًا. ✨

## جرب أسترو على متصفحك

قم بزيارة [astro.new](https://astro.new/) واختر من بين مجموعة متنوعة من القوالب للبدء. يمكنك تجربة نسخة كاملة من أسترو مباشرة في متصفحك!

<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
    <Button link="https://astro.new/basics?on=stackblitz">جرب قالب بسيط</Button>
    <Button variant="secondary" link="https://astro.new/">تفقد جميع القوالب ←</Button>
</div>

## ابدأ مشروعك الاول مع أسترو

<PackageManagerTabs>
  <Fragment slot="npm">
  ```shell
  # create a new project with npm
  npm create astro@latest
  ```
  </Fragment>
  <Fragment slot="pnpm">
  ```shell
  # create a new project with pnpm
  pnpm create astro@latest
  ```
  </Fragment>
  <Fragment slot="yarn">
  ```shell
  # create a new project with yarn
  yarn create astro
  ```
  </Fragment>
</PackageManagerTabs>

يحتوي [دليل التثبيت](/ar/install/auto/) الخاص بنا على إرشادات كاملة خطوة بخطوة لتثبيت أسترو باستخدام CLI الخاص بنا، وإنشاء مشروع جديد من مستودع GitHub، ولتثبيت أسترو يدويًا.

## تعلم أسترو

أمثلة لبعض المفاهيم الأساسية والأنماط المتعلقة بأسترو!

📚 [انشئ أول صفحة](/ar/basics/astro-pages/) في موقعك.

📚 اقرأ أكثر عن [هياكل مشاريع](/ar/basics/project-structure/) أسترو.

📚 تعلم أكثر عن [التوجيه القائم على الملفات](/ar/guides/routing/) في أسترو.

*... تفقد التوثيق الكامل للـ API عبر خانة  **مراجع** أعلى الصفحة.*

## ابحر مع أسترو

🧰 ابدأ مشروعك القادم باستخدام إحدى [القوالب المبنية مسبقًا](https://astro.build/themes/).

🧰 
خصص موقعك، عبر عشرات الإضافات التي يوفرها أسترو ومجتمعه، [تصفح الإضافات](https://astro.build/integrations/).

🧰 احصل على الإلهام من خلال زيارة [معرض مواقعنا](https://astro.build/showcase/).

*... تفقد [دليل التعامل مع الإضافات](/ar/guides/integrations-guide/)*.

## انضم إلى مجتمعنا

انضم إلى مجتمع [أسترو على ديسكورد](https://astro.build/chat) للمشاركة والحصول على المساعدة من مجتمع نشط وودود!

💬 رحّب وعرف بنفسك على قناة `#general`!

💬 اطرح أسئلتك على فريق المساعدة في قناة `#support`!

💬 شاركنا ما تعمل عليه على قناة `#showcase`!

## ما الجديد؟

[مدونة أسترو](https://astro.build/blog/)

[سجل تغييرات أسترو](https://github.com/withastro/astro/blob/main/packages/astro/CHANGELOG.md)

<TranslatorList githubRepo="withastro/docs">

## الترجمة

تراجم هذه المستندات مقدمة إليكم بسبب هؤلاء الأشخاص الرائعين. [ساعدنا!](https://contribute.docs.astro.build/guides/i18n/)
</TranslatorList>

## ساهم

أنت تُطالع هذا التوثيق بفضل كل هؤلاء المساهمين، [انضم إلينا على GitHub!](https://github.com/withastro/docs)

<ContributorList githubRepo="withastro/docs" />
